<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="keywords" content="瑜伽商城，瑜伽运动，运动，健身，锻炼">
    <meta name="description" content="瑜伽（英文：Yoga，印地语：योग）是一个汉语词汇，最早是从印度梵语“yug”或“yuj”而来，其含意为“一致”、“结合”或“和谐”。瑜伽源于古印度，是古印度六大哲学派别中的一系，探寻“梵我合一”的道理与方法。而现代人所称的瑜伽则主要是一系列的修身养心方法。">
    <title></title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/public.css">
    <link rel="stylesheet" type="text/css" href="../css/yoga.css">
    <link rel="stylesheet" type="text/css" href="../css/pubulic_wrap.css">
    <link rel="stylesheet" type="text/css" href="../css/all.css">
    <link rel="shortcut icon" href="../home/images/Yoga_03.png" type="image/png">
    <script type="text/javascript" src="../front_js/jquery.min.js"></script>

    <title>yoga</title>
</head>
<body>
<!--头部开始-->
<header class="blogstandard-background">
    <!--顶部图标-->
    <img src="../home/images/01HomeYoga_03.png" alt="" />
    <!--顶部二级导航-->
    <ul class="clearfix">
        <li><a href="#">Home</a>
            <ol>
                <li><a href="#">Yoga studio</a></li>
                <li><a href="#">Fitness club</a></li>
                <li><a href="#">Gym</a></li>
                <li><a href="#">Health club</a></li>
                <li><a href="#">Coach</a></li>
                <li><a href="#">Dance</a></li>
            </ol><i></i></li>
        <li><a href="#">Pages</a>
            <ol>
                <li><a href="#">About Us </a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Reservations</a></li>
                <li><a href="#">Pricing Tables</a></li>
                <li><a href="#">Our Team</a></li>
                <li><a href="#">Content Elements</a></li>
            </ol><i></i></li>
        <li><a href="#">Events</a>
            <ol>
                <li><a href="#">All Events</a></li>
                <li><a href="#">Events One</a></li>
                <li><a href="#">Events Two</a></li>
                <li><a href="#">Events Three</a></li>
                <li><a href="#">Events Four</a></li>
                <li><a href="#">Single Event</a></li>
            </ol><i></i></li>
        <li><a href="#">Portfolio</a>
            <ol>
                <li><a href="#">Column 3 Сols</a></li>
                <li><a href="#">Columns 4 Сols Wide</a></li>
                <li><a href="#">4 Сols Masonry</a></li>
                <li><a href="#">Four Columns</a></li>
                <li><a href="#">Gallery</a></li>
            </ol><i></i></li>
        <li  class="fff"><a href="#">Blog</a>
            <ol>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Reservations</a></li>
                <li><a href="#">Pricing Tables</a></li>
                <li><a href="#">Our Team</a></li>
                <li><a href="#">Content Elements</a></li>
            </ol><i></i></li>
        <li><a href="#">Shop</a></li>
        <li><a href="#">Contacts</a></li>
    </ul>
    <!--顶部二级导航右侧图标-->
    <div class="home-index-cart">
        <span><a href="#"><img src="../home/images/serch.png" alt="" /></a></span>
        <span><a href="#"><img src="../home/images/shop.png" alt="" /></a><div>0</div></span>
        <span>
                <a href="#"><img src="../home/images/earth.png" alt="" /></a>
                <strong>EN</strong><strong>+</strong>
            </span>
    </div>
    <div class="jzz-tt-posa">
        <div class="home-logo">
            <img src="../im/VectorSmartObject5.png">
        </div>
        <div class="upcoming-words home-words">
            <p>Instructors</p>
        </div>
        <div class="color home-wrap-content">
            <p>Pellentesque aliquet sed magna consequsat venenatis. Ut fermentum viverra porta. Nullam dui odio, tempus ut porttitor non, dignissim vel felis. Vestibulum convallis eu eros sit amet pellentesque. Vestibulum ullamcorper, magna vitae ornare pretium</p>
        </div>
    </div>
    <script>
        $("header ol").hide();
        $("header i").hide();
        $("header>ul>li").each(function(index,element){
            $(this).attr("index",index);
        })
        $("header>ul>li").mouseenter(function(){
            var index = $(this).attr("index");
            $("header ol").hide();
            $("header i").hide();
            $("header ol").eq(index).show();
            $("header i").eq(index).show();
            $(this).mouseleave(function(){
                $("header ol").hide();
                $("header i").hide();
            })
        })
    </script>
</header>
<!--blogstandard-section内容区-->
<section class="blogstandard-section standardpost-section">
    <div class="content clearfix">
        <!--blogstandard-section左侧分页区-->
        <div class="left">
            <!--模板-->
            <div class="tem ">
                <h2>Three Cleansing Exercises to Start Your Day</h2>
                <span class="span1">by Anna Doe</span><span class="span2">2 likes</span><span class="span3">1 Comment</span>
                <div class="div-none"></div>
                <img src="../blogstandard/images/20BlogBlogStandard_03.png" alt="" />
                <p>Etiam sit amet interdum diam, vitae porta erat. Suspendisse tincidunt eget metus sed finibus. Suspendisse venenatis augue id magna gravida dictum. Proin bibendum, urna in facilisis ultricies, nulla nisi accumsan metus, a pulvinar mi elit consectetur mi. Sed et eleifend sem. Orci varius natoque penatibus et magnis dis parturient.</p>
                <ul>
                    <li>25</li>
                    <li>JUNE</li>
                </ul>
            </div>
            <div class="tem">
                <img src="../blogstandard/images/32BlogStandardPost_03.png" alt="" />
                <p>Etiam sit amet interdum diam, vitae porta erat. Suspendisse tincidunt eget metus sed finibus. Suspendisse venenatis augue id magna gravida dictum. Proin bibendum, urna in facilisis ultricies, nulla nisi accumsan metus, a pulvinar mi elit consectetur mi. Sed et eleifend sem. Orci varius natoque penatibus et magnis dis parturient.</p>
                <ol class="ol-blogpost1">
                    <li>Pellentesque ac nibh semper ante dictum</li>
                    <li>Pellentesque ac nibh semper ante dictum</li>
                    <li>Fusce tincidunt purus laoreet,suspendisse</li>
                    <li>Fusce tincidunt purus laoreet,suspendisse</li>
                    <li>Molestie sed nisl nunc pellentesque dolor</li>
                    <li>Molestie sed nisl nunc pellentesque dolor</li>
                </ol>
                <strong>
                    <i>
                        <em>Beauty</em><em>Fitness</em><em>Green</em><em>Violet</em>
                    </i>
                    <big>
                        <small><img src="../blogstandard/images/22BlogBlogStandard_03.png" alt="" /></small>
                        <small><img src="../blogstandard/images/22BlogBlogStandard_05.png" alt="" /></small>
                        <small><img src="../blogstandard/images/22BlogBlogStandard_07.png" alt="" /></small>
                        <small><img src="../blogstandard/images/22BlogBlogStandard_09.png" alt="" /></small>
                    </big>
                </strong>
            </div>
            <div class="twoimg">
                <ol class="ol-blogpost2">
                    <li>
                        <img src="../blogstandard/images/34BlogStandardPost_03.png" alt="" />
                        <em class="emleft">5 Kid-Friendly Yoga Poses</em>
                        <i class="ileft">Previous</i>
                    </li>
                    <li>
                        <img src="../blogstandard/images/34BlogStandardPost_05.png" alt="" />
                        <em class="emleft">5 Meditation Practices</em>
                        <i class="iright">Next</i>
                    </li>
                </ol>
            </div>
            <div class="tworeply">
                <ul>
                    <li class="replytitle">Comments:</li>
                    <li class="reply1">
                        <ol>
                            <li><img src="../blogstandard/images/35BlogStandardPost_03.png" alt="" /></li>
                            <li class="lh">
                                <span>Anna Doe<em>02.02.2016 at 3:23 pm</em></span>
                                <p>Curabitur malesuada sodales venenatis. Proin vel lacinia mauris, id iaculis ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras mollis arcu at consectetur feugiat. Nullam ultrices commodo nunc at blandit. Phasellus tortor nulla, interdum id fringilla a, vestibulum ac arcu.</p>
                            </li>
                            <li class="ry">Reply</li>
                        </ol>
                    </li>
                    <li class="reply1 reply2">
                        <ol>
                            <li><img src="../blogstandard/images/35BlogStandardPost_07.png" alt="" /></li>
                            <li class="lh">
                                <span>Admin<em>02.02.2016 at 3:23 pm</em></span>
                                <p>Health & Strength.</p>
                            </li>
                            <li class="ry">Reply</li>
                        </ol>
                    </li>
                </ul>
            </div>
            <div class="form">
                <dl>
                    <dt>Leave a Reply</dt>
                    <dd class="twoinput">
                        <p>Name<span>Email</span></p>
                        <input type="text" />
                        <input type="text" />
                    </dd>
                    <dd class="oneinput">
                        <p>Your Comment</p>
                        <textarea name="" id="" cols="30" rows="10"></textarea>
                    </dd>
                    <dd>
                        <button>Submit</button>
                    </dd>
                </dl>
            </div>
        </div>
        <!--blogstandard-section右侧-->
        <div class="right">
            <!--顶部搜索框-->
            <input class="input1" type="text" placeholder="Search" />
            <img src="../blogstandard/images/23BlogBlogStandard_03.png" alt="" />
            <!--模板和内容-->
            <div class="tem">
                <dl>
                    <dt>Categories</dt>
                    <dd>Exercise (12)</dd>
                    <dd>Fitness (3)</dd>
                    <dd>Health (3)</dd>
                    <dd>Lifestyle (2)</dd>
                    <dd>Motivation (4)</dd>
                    <dd>Nutrition (8)</dd>
                    <dd>Running (16)</dd>
                    <dd>Vitamins (3)</dd>
                </dl>
                <img class="img2" src="../blogstandard/images/24BlogBlogStandard_03.png" alt="">
            </div>
            <div class="tem tem2">
                <dl>
                    <dt>Recent Posts</dt>
                    <dd>
                        <img src="../blogstandard/images/25BlogBlogStandard_03.png" alt="" />
                        <ul>
                            <li>23.03.2017</li>
                            <li>Health & Strength.</li>
                        </ul>
                    </dd>
                    <dd>
                        <img src="../blogstandard/images/25BlogBlogStandard_06.png" alt="" />
                        <ul>
                            <li>23.03.2017</li>
                            <li>Health & Strength.</li>
                        </ul>
                    </dd>
                    <dd>
                        <img src="../blogstandard/images/25BlogBlogStandard_08.png" alt="" />
                        <ul>
                            <li>23.03.2017</li>
                            <li>Health & Strength.</li>
                        </ul>
                    </dd>
                </dl>
                <img class="img2" src="../blogstandard/images/24BlogBlogStandard_03.png" alt="">
            </div>
            <div class="tem blog-post-tems">
                <p>Instagram</p>
                <ul class="clearfix">
                    <li><img src="../blogstandard/images/36BlogStandardPost_03.png" alt="" /></li>
                    <li><img src="../blogstandard/images/36BlogStandardPost_05.png" alt="" /></li>
                    <li><img src="../blogstandard/images/36BlogStandardPost_07.png" alt="" /></li>
                    <li><img src="../blogstandard/images/36BlogStandardPost_12.png" alt="" /></li>
                    <li><img src="../blogstandard/images/36BlogStandardPost_13.png" alt="" /></li>
                    <li><img src="../blogstandard/images/36BlogStandardPost_14.png" alt="" /></li>
                    <li><img src="../blogstandard/images/36BlogStandardPost_18.png" alt="" /></li>
                    <li><img src="../blogstandard/images/36BlogStandardPost_19.png" alt="" /></li>
                    <li><img src="../blogstandard/images/36BlogStandardPost_20.png" alt="" /></li>
                </ul>
                <img class="img2" src="../blogstandard/images/24BlogBlogStandard_03.png" alt="">
            </div>
            <div class="tem8">
                <dl>
                    <dt>Tag Coloud</dt>
                    <dd>
                        <ul class="clearfix">
                            <li>Beauty</li>
                            <li>Fitness</li>
                            <li>Green</li>
                            <li>Violet</li>
                            <li>Motivation</li>
                            <li>Nutrition</li>
                            <li>Training</li>
                            <li>Yoga</li>
                            <li>Zumba</li>
                        </ul>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</section>

<!--底部开始-->
<footer>
    <!--图标-->
    <img class="home-index-foottop" src="../home/images/home_index_foot_03.png" alt="">
    <!--文字-->
    <div class="home-index-footp">
        <p>Mauris justo sem, gravida ut enim a, rutrum molestie ligula.</p>
        <p>Cras in massa metus. Suspendisse potenti. Nam sagittis</p>
    </div>
    <!--文字-->
    <p>Subscribe us</p>
    <!--邮件input框-->
    <div class="home-index-footserch">
        <input type="text" placeholder="Enter your email" />
        <span>SEND</span>
    </div>
    <!--三个小图片-->
    <div class="home-index-footimg">
        <a href="#"><img src="../home/images/home_index_foot_07.png" alt="" /></a>
        <a href="#"><img src="../home/images/home_index_foot_09.png" alt="" /></a>
        <a href="#"><img src="../home/images/home_index_foot_11.png" alt="" /></a>
    </div>
    <!--底部导航-->
    <ul class="home-index-footnav clearfix">
        <li><a href="#">Home</a></li>
        <li><a href="#">Pages</a></li>
        <li><a href="#">Envents</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Shop</a></li>
        <li><a href="#">Contacts</a></li>
    </ul>
</footer>
<!--返回顶部图标-->
<img class="home-gotop" src="../home/images/home_index_foot_14.png" alt="" />
<script>
    $(".home-gotop").hide();
    $("body").ready(function(){
        $(".home-gotop").click(function(){
            $("html,body").animate({scrollTop:0},250);
        });
        setInterval(function(){
            if($("html,body").scrollTop() === 0) {
                $(".home-gotop").hide();
            }
            else{
                $(".home-gotop").show();
            }
        },500)
    });
</script>
</body>
</html>